<!DOCTYPE html>
<html lang="en">
<head>
    {% block Meta %}
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Jolly Games Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
    Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    {% endblock %}


    <title>
    {% block title %}
      XX_game
    {% endblock %}
    </title>

    {% block Css %}
    {% load static %}
    <link href="{% static '/web/css/bootstrap.css' %}" rel='stylesheet' type='text/css' />
    <link href="{% static '/web/css/style.css' %}" rel='stylesheet' type='text/css' />
    <link href='http://fonts.useso.com/css?family=Fugaz+One|Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
    {% endblock %}

    {% block Js %}
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <script src="/static/web/js/jquery-1.11.1.min.js"></script>
    {% endblock %}
</head>
<body>
    {% block content %}
        {% block header-top %}
            <div class="header-top">
                <div class="container">
                <div class="head-nav">
                    <div class="logo">
                        <a href="index.html"><h1>Jolly<span>Games</span></h1></a>
                    </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    <div class="clearfix"></div>
                    <span class="menu"></span>
                    <div class="top-menu">
                        <ul>
                        <li class="active"><a class="color1" href="{% url 'game:index' %}"  >主页</a></li>
                            <li><a class="color2" href="{% url 'game:news' %}">新闻</a></li>
                            <li><a class="color3" href="{% url 'game:psp' %}">攻略</a></li>
                            <li><a class="color4" href="{% url 'game:single' %}">详细</a></li>
                            <li><a class="color5" href="{% url 'game:gallery' %}">游戏</a></li>
                            <li><a class="color6" href="{% url 'game:contact' %}">登录</a></li>
                            <div class="clearfix"></div>
                        </ul>
                    </div>
                    <!--script-for-menu-->
                    <script>
                    $( "span.menu" ).click(function() {
                      $( ".top-menu" ).slideToggle( "slow", function() {
                        // Animation complete.
                      });
                    });
                </script>
                <!--script-for-menu-->
                </div>
              </div>
            </div>
        {% endblock %}
    {% endblock %}
</body>
</html>